<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="X-UA-Compatible" content="IE=11" />
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
    <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no,minimal-ui" />
    <meta content="yes" name="apple-mobile-web-app-capable" /> 
    <meta content="black" name="apple-mobile-web-app-status-bar-style" /> 
    <meta content="telephone=no" name="format-detection" /> 
    <title>免费公开课</title>
    <link rel="stylesheet" type="text/css" href="/static/acweb/release/css/openclass.min.css">
</head>
<body>
<section class="cls-list" id="container" data-init="openclass" data-server-time="{$server_time}" >
  <nav class="list-nav" id = "list-nav" data-url="/Thirdparty/Wxsub/getClassList">
    <ul>
      <li class="newList on" id="newData" data-code="new"><a href="javascript:;">最新</a></li>
      <li class="newList" id="hostData" data-code="hot"><a href="javascript:;">热门</a></li>
      <li class="newList nav-icon"  id="listData" data-code="class_type" >
        <a href="javascript:;">分类</a>
        <ul class="more-list hide">
	  {foreach item=Info key=k from=$classType}
          <li data-id="{$k}">{$Info}</li>
	  {/foreach}
        </ul>
      </li>
    </ul>
  </nav>
  <div id="wrapper">
    <div id="scroller">
        <section class="list-detail">
          {foreach item=Info from=$FreeOpenClassList}
          <section class="detail-content">
              <a {if $user_token} href="{$Info.url}&user_token={$user_token}" {elseif $userInfo} href="{$Info.url}&uid={$userInfo.user_id}&wxs_id={$userInfo.wxs_id}" {else}href="{$Info.url}" {/if}>

              <dl>
                <dt><img src="{if $Info.cover} {$Info.cover} {else}/static/acweb/release/images/default02.png {/if}" class = "defaultImg"></dt>
                <dd class="d-list">{$Info.course_name}</dd>
                <dd class = 'd-title'>

              {if $Info.class_label}
                {foreach item=Tag from=$Info.class_label}
                      <span class="tit">{$Tag.title}</span>
                    {/foreach}
                  {/if}

                </dd>
                <dd><span class="num-t">{$Info.appoint_num}人已预约</span></dd>
              </dl>
              <section class="see">
                <section class="see-lt">

                  <img src="{if $Info.tea_pic}{$Info.tea_pic}{else}/static/acweb/release/images/default01.png{/if}" class="lt-img"><span class="tit">{$Info.tea_name}</span>
                </section>
                <!-- 正在上课 -->
                <section class="see-lt see-rt">
                  <span class="class just">
                    <i class="timeId" data-end-time="{$Info.start_time}"></i>
                  </span>
                  <span class="see-btn">查看</span>
                </section>
                <!-- 正在上课 -->
              </section>
            </a>
          </section>
          {/foreach}
        </section>
        <div id="pullUp">
          <span class="pullUpIcon"></span><span class="pullUpLabel">上拉加载更多...</span>
        </div>
    </div>
  </div>
    <!-- 课程为空展示 -->
    <section class="list-empty hide">
      <p>没找到课程啊~</p>
      <img src="/static/acweb/release/images/cls_empty.jpg">
    </section>

    <!--微信分享用到的参数-->
    <input type="hidden" value="{$wxJsApiConfig.appId}" id="appIdHid">
    <input type="hidden" value="{$wxJsApiConfig.nonceStr}" id="nonceStrHid">
    <input type="hidden" value="{$wxJsApiConfig.timestamp}" id="timestampHid">
    <input type="hidden" value="{$wxJsApiConfig.signature}" id="signatureHid">
    <input type="hidden" value="51Talk免费公开课开播啦" id="courseTitle">
    <input type="hidden" value="{$userInfo.user_id}" id="userIDHid">
    <input type="hidden" value="{$userInfo.wxs_id}" id="wixinIDHid">
    <input type="hidden" value="{$user_token}" id="userTokenIDHid">
    <!--最新类别的总页数-->
    <input type="hidden" value="{$total_no}" id="totalPageHid">

</section>
</body>
<!--公共尾部结束-->
<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
<script src="/static/acweb/release/js/business/openclass_wxs.min.js"></script>
</html>
